<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>考试</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
        integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>

<body>
    <div class="bigbox">
        <!-- 切换题目 -->
        <header>
            <img src="./images/arrowL.png" alt="" class="img">
            <span class="sp1">前端第一阶段项目考试</span>
            <span class="sp2">00:59:59</span>
        </header>
        <!-- 试题内容 -->
        <main>
            <div class="page">
                <div class="boxx hide">
                    <!-- 题目 -->
                    <div class="title">
                        <p>单选题</p>
                        <span>递接文件1</span>
                    </div>
                    <!-- 选项 -->
                    <div class="option">
                        <input type="radio" name="name"><label> A. 正面朝向对方</label><br>
                        <input type="radio" name="name"> <label> B. 正面朝向对方</label><br>
                        <input type="radio" name="name"> <label> C. 正面朝向对方</label><br>
                    </div>
                    <!-- 答案解析 -->
                    <!--             <div class="answer">
                    <p>正确答案:A</p>
                    <p>答案解析：答非所问，词不达意。</p>
                    </div> -->
                </div>
            </div>

        </main>

        <div class="gray">
            <div class="point">
                <p class="ques">有试题未完成，是否现在交卷？</p>
                <div class="two">
                    <button class="Btn" id="cancel" type="button">取消</button>
                    <button class="Btn" id="confirm" type="button">确认</button>
                </div>
            </div>
        </div>

        <!-- 底部功能 -->
        <footer>
            <div class="one">
                <i class="fa fa-star"></i>
                <span>收藏</span>
            </div>
            <div class="three">
                <p>提交试卷</p>
            </div>
            <div class="four">
                <img src="./images/gengduo.png" alt="">
                <span><strong>1</strong>/100</span>
            </div>

        </footer>

        <div class="grayy">
            <div class="list">
                <!-- 选择功能 -->

                <div class="on">
                    <div class="one">
                        <i class="fa fa-star"></i>
                        <span>收藏</span>
                    </div>
                    <div class="three">
                        <p>返回考试</p>
                    </div>
                    <div class="four">
                        <img src="./images/gengduo.png" alt="">
                        <span><strong>1</strong>/100</span>
                    </div>

                </div>
                <!-- 单选题 -->
                <div class="danxuan">
                    <p>单选题(共10题,合计20分)</p>
                    <div class="tihao">
                        <div class="one"><i class="fa fa-star"></i> 1 </div>
                    </div>

                </div>

                <!-- 多选题 -->
                <!-- <div class="duoxuan">
                    <p>多选题(共10题,合计20分)</p>
                    <div class="tihao2">
                        <div class="one"> 1 </div>
                        <div class="two"> 2 </div>
                        <div class="three"> 3 </div>
                        <div class="four"> 4 </div>
                        <div class="five"> 5 </div>
                        <div class="six">6 </div>
                        <div class="sevent"> 7 </div>
                        <div class="eight"> 8 </div>
                        <div class="nine"> 9 </div>
                        <div class="ten"> 10 </div>
                    </div>
                </div> -->

            </div>

        </div>
    </div>


</body>

</html>